<%@page import="com.cysyz.web.modules.base.businesslog.domain.SysBusinessLog" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="m" uri="/mytags" %>
<head>
    <title></title>
    <link href="/css/page/front/org_styles.css" rel="stylesheet" type="text/css"/>
    <link href="/css/base/reset.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="/css/base/table_org.css"/>
    <script type="text/javascript" src="/js/base/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="/js/compont/My97DatePicker/WdatePicker.js"></script>

    <script src="/js/base/require.min.js"></script>
    <script type="text/javascript">
        var oTable;
        require.config({
            paths: {
                "require-config": "/js/base/require.config"
            }
        });

        require(["require-config"], function () {
            require(["mytable"], function () {
                $(function () {
                    oTable = $("#dataTable").MyTable({
                        ajax: {
                            url: "${controllerUrlPrefix}/search.do",
                            paramForm: "searchForm",
                            dataMaper: {
                                data: function (data) {

                                    data.data = data.content[0].records;
                                },
                                recordsTotal: function (data) {
                                    data.recordsTotal = data.content[0].totalRecords;
                                }
                            }
                        },
                        "columns": [

                            {"data": "operatorName"},

                            {"data": "<%=SysBusinessLog.ALIAS_OPERATION_NAME%>"},

                            {"data": "<%=SysBusinessLog.ALIAS_OPERATE_DATE%>"},

                            {"data": "<%=SysBusinessLog.ALIAS_EXTRA_MESSAGE%>"}

                        ]
                    });
                    document.onkeydown = function (e) {
                        var ev = document.all ? window.event : e;
                        if (ev.keyCode == 13) {

                            oTable.ajax.reload();
                        }
                    };
                    $("#searchBtn").click(function () {
                        oTable.ajax.reload();
                    });
                });
            });
        });

        function msg() {
            if (confirm("确定要删除？") == false) {
                return false;
            }
        }

    </script>


</head>

<operationArea>


</operationArea>


<searchArea>
    <%--条件栏--%>
    <form id="searchForm" action="${controllerUrlPrefix}/search.do" method="post"
          onkeydown="if(event.keyCode==13){return false;}" class="form-inline">
        <div class="">
            <div class="form-group">
                <label>操作时间:</label>
                <input type="text" class="form-control" id="<%=SysBusinessLog.ALIAS_OPERATE_DATE%>Begin" name="<%=SysBusinessLog.ALIAS_OPERATE_DATE%>Begin" onclick="WdatePicker({minDate:'#F{$dp.$D(\'<%=SysBusinessLog.ALIAS_OPERATE_DATE%>End\',{d:-7});}'})"/>-
                <input type="text" class="form-control" id="<%=SysBusinessLog.ALIAS_OPERATE_DATE%>End" name="<%=SysBusinessLog.ALIAS_OPERATE_DATE%>End" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'<%=SysBusinessLog.ALIAS_OPERATE_DATE%>Begin\',{d:7});}'})"/>
                <label>功能名称:</label>
                <input type="text" class="form-control" name="<%=SysBusinessLog.ALIAS_OPERATION_NAME%>"/>
            </div>

            <a class="search_button" id="searchBtn"></a>
        </div>
    </form>

</searchArea>

<tableArea>
    <table class="tDefault tablewidth tCenter dataTable mb10" id="dataTable">
        <thead>
        <tr>
            <th class="sorting" align="center">操作者</th>
            <th class="sorting" align="center">功能名称</th>
            <th class="sorting" align="center">操作时间</th>
            <th class="sorting" align="center">额外信息</th>
        </tr>
        </thead>
    </table>
</tableArea>

</html>
